<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="/statics/jquery/jquery.js"></script>
    <script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

    <title>免费领流量</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            height: 100%;
        }

        .bg {
            background: #ccc url(/dbs/img/hd3.jpg) no-repeat center top;
            height: 100%;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }

        .inputBox {
            width: 80%;
            height: 40px;
            line-height: 40px;
            margin: -20px auto auto -40%;
            position: absolute;
            top: 53%;
            left: 50%;
        }

        .inputBox input {
            width: 80%;
            height: 40px;
            border: 1px solid #333;
            float: left;
            margin-right: 2%;
            box-sizing: border-box;
        }

        .inputBox button {
            width: 18%;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #fff;
            background: #838B8B;
            border: none;
            float: left;
        }

        .herfBox {
            width: 65%;
            height: 60px;
            line-height: 60px;
            margin: -20px auto auto -20%;
            position: absolute;
            top: 94%;
            left: 50%;
        }

        .herfBox img {
            width: 70%;
            height: 60px;
            float: right;
            margin-right: 2%;
            box-sizing: border-box;
        }
    </style>

</head>
<body>
<div class="bg">
    <form action="#">
        <div class="inputBox">
            <input type="text" id="mobile" name="mobile" placeholder="请输入手机号码"
                   onkeyup="this.value=this.value.replace(/\D/g,'')"
                   onafterpaste="this.value=this.value.replace(/\D/g,'')" class="text" value="${u_mobile}" maxlength="12">
            <button id="mobileBtn">领 取</button>
        </div>
        <div class="herfBox"><a href="http://dwz.cn/2RqTMs"><img src="/dbs/img/1ydb.png"> </a></div>
    </form>
</div>
<script type="text/javascript">
    wx.config({
        debug: false, //调试的时候最好设为true，它每一步都会alert数据出来，让你知道出了什么问题
        appId: '${wx_appid}', //服务端获取
        timestamp: '${timeStamp}', //随便填写一串数字
        nonceStr: '${nonceStr}', //随便一字符串
        signature: '${signaTure}', //**这个要到服务器获取**
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'closeWindow']
    });
    wx.ready(function () {
        wx.onMenuShareTimeline({  //例如分享到朋友圈的API
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数

                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
                location.href = "/wxhd/twohd";
            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
            }
        });
        wx.onMenuShareAppMessage({  //例如分享到朋友圈的API
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            desc: '即日起至3月31日，关于话费购官方微信，即可获得50M联通4G流量包哦！等你来拿！', // 分享描述
            success: function () {
                // 用户确认分享后执行的回调函数
                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });

                location.href = "/wxhd/twohd";
            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
            }
        });
        wx.onMenuShareQQ({
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            desc: '即日起至3月31日，关于话费购官方微信，即可获得50M联通4G流量包哦！等你来拿！', // 分享描述
            success: function () {
                // 用户确认分享后执行的回调函数
                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
                location.href = "/wxhd/twohd";
            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2

                    }
                });
            }
        });
        wx.error(function (res) {
            alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
        });
    });

    $(function () {
        var off= ${ggloff}
        if(off==0){
            layer.open({
                content: '活动已结束了哦~',
                btn: ['确定'],
                cancel: function (index) { //或者使用btn2

                }
            });
            $("#mobileBtn").disable();
        }else{
            $("#mobileBtn").click(function () {
                var mobile = $("#mobile").val();
                if (mobile != "") {
                    layer.open({
                        content: '您提交的号码为'+mobile+'，确定提交吗?',
                        btn: ['确定','取消'],
                        yes: function (index, layero) { //或者使用btn1
                            $.ajax({
                                url: "/wxhd/save.do",
                                type: 'POST',
                                dataType: 'json',
                                data: {
                                    mobile: $("#mobile").val()
                                },
                                success: function (data) {
                                    if (data.type == "success") {
                                        layer.open({
                                            content: '<h2>您的号码已成功提交...</h2>',
                                            btn: ['一元夺宝'],
                                            yes: function (index, layero) { //或者使用btn1
                                                location.href = "http://dwz.cn/2RqTMs"
                                                //按钮【按钮一】的回调
                                            },
                                            cancel: function (index) { //或者使用btn2
                                                wx.closeWindow();
                                            }
                                        });

                                    } else {
                                        layer.open({
                                            content: data.content,
                                            btn: ['确定'],
                                            cancel: function (index) { //或者使用btn2

                                            }
                                        });
                                    }
                                },
                                error: function (data) {
                                    layer.open({
                                        content: '分享失败就不能领取免费流量包哟',
                                        btn: ['确定'],
                                        cancel: function (index) { //或者使用btn2

                                        }
                                    });
                                }
                            });
                        },
                        cancel: function (index) { //或者使用btn2

                        }
                    });

                } else {
                    layer.open({
                        content: '请提交正确手机号码',
                        btn: ['确定'],
                        cancel: function (index) { //或者使用btn2

                        }
                    });
                }

                return false;
            });
        }

    });


</script>
<div class="cnzz" style="display: none;">
    <script src="http://s4.cnzz.com/z_stat.php?id=1259390685&web_id=1259390685" language="JavaScript"></script>
</div>
</body>
</html>